//
// Copyright 2015-2019 The OpenZipkin Authors
//
// Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except
// in compliance with the License. You may obtain a copy of the License at
//
// http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software distributed under the License
// is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
// or implied. See the License for the specific language governing permissions and limitations under
// the License.
//

.loading-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: 100;

  color: $loading-overlay-color;
  background-color: $loading-overlay-bg;
  opacity: 0.7;
  display: flex;
  -webkit-pack: justify !important;
  -webkit-box-align: center !important;
  justify-content: center;
  align-items: center;

  &-enter {
    opacity: 0;
    display: flex;
  }

  &-enter-active {
    opacity: 0.7;
    transition: all 100ms ease-in;
  }

  &-enter-done {
    opacity: 0.7;
  }

  &-exit {
    opacity: 0.7;
  }

  &-exit-active {
    opacity: 0;
    transition: all 100ms ease-out;
  }

  &-exit-done {
    opacity: 0;
    display: none;
  }
}

.loading-overlay-icon {
  font-size: 72px;
}
